<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>精品闪购</title>
        <link rel="stylesheet" href="../css/reset.css">
        <link rel="stylesheet" href="../font/iconfont.css">
        <link rel="stylesheet" href="../js/swiper-4.5.0/dist/css/swiper.min.css">
        <link rel="stylesheet" href="../css/flash.css">
    </head>
    <body>
        <!-- 头部 -->
    	<div class="header">
    		<div class="back">
                <a href="../index.html">
                    <i class="iconfont iconico_leftarrow"></i>
                </a>
    		</div>
    		<h1>精品闪购</h1>
    		<div class="right_bar">
    			<i class="iconfont iconshenglvehao more_v"></i>
    			<i class="iconfont iconclose cls"></i>
    		</div>
            <!-- 隐藏导航栏 -->
    		<div class="slide_nav">
    			<ul>
    				<li>
    					<a href="../index.html">
    						<i class="iconfont iconjialihome137"></i>
    						<p>首页</p>
    					</a>
    				</li>
                    <li>
                        <a href="./sousuo.html">
                            <i class="iconfont iconsousuo"></i>
                            <p>搜索</p>
                        </a>
                    </li>
                    <li>
                        <a href="./classify.html">
                            <i class="iconfont iconfenlei"></i>
                            <p>分类</p>
                        </a>
                    </li>
                    <li>
                        <a href="./car.html">
                            <i class="iconfont icongouwuche1"></i>
                            <p>购物车</p>
                        </a>
                    </li>
                    <li>
                        <a href="./personal.html">
                            <i class="iconfont iconren"></i>
                            <p>我的i百联</p>
                        </a>
                    </li>
    			</ul>
    		</div>
    	</div>
        <!-- swiper轮播 -->
        <div class="swiper-container banner">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <a href="###">
                        <img src="../images/b1.jpg" alt="">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="###">
                        <img src="../images/b2.jpg" alt="">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="###">
                        <img src="../images/b3.jpg" alt="">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="###">
                        <img src="../images/b4.jpg" alt="">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="###">
                        <img src="../images/b5.jpg" alt="">
                    </a>
                </div>
            </div>
            <div class="swiper-pagination pages"></div>
        </div>
        <!-- 商品导航 -->
        <div class="nav_wrap">
           <div class="nav">
               <ul>
                  <li class="active"><p>今日上新</p></li>
                  <li><p>八佰伴</p></li>
                  <li><p>美妆配饰</p></li>
                  <li><p>母婴童装</p></li>
                  <li><p>服饰运动</p></li>
                  <li><p>鞋靴箱包</p></li>
                  <li><p>数码家电</p></li>
                  <li><p>居家生活</p></li>
                  <li><p>营养保健</p></li>
                  <li><p>品牌预告</p></li>
               </ul>
           </div> 
        </div>
        <!-- 商品列表渲染 -->
        <div class="product_list">
            <div class="content">
                <!-- <div class="product">
                    <div class="img_box">
                        <div class="side_img">
                            <img src="../../images/img-sg/dazhe.png" alt="">
                        </div>
                       <a href="./detail.html">
                            <img src="../../images/img-sg/nike.jpg" alt="">
                        </a>
                        <div class="point">
                            <span>下单立享6折</span>
                        </div>
                    </div>
                    <div class="intro">
                        <div class="pro_logo">
                            <img src="../../images/img-sg/logo.jpg" alt="">
                        </div>
                        <div class="info">
                            <div class="info_name">Nike运动专场</div>
                            <div class="info_day">仅剩4天</div>
                        </div>
                        <div class="price">
                            <span>438</span><span>元起</span>
                        </div>
                    </div>
                </div> -->
            </div>
        </div>
        <!-- 回到顶部 -->
        <div class="backTop">
            <i class="iconfont iconzhiding"></i>
        </div>
    </body>
    <script src="../js/jquery-3.1.1.js"></script>
    <script src="../js/rem.js"></script>
    <script src="../js/scrollTop.js"></script>
    <script src="../js/fastclick.js"></script>
    <script src="../js/swiper-4.5.0/dist/js/swiper.min.js"></script>
   	<script src="../js/flash.js"></script>
</html>